
import { View, Text } from '@tarojs/components'
import { Image, Progress, Space } from '@nutui/nutui-react-taro'
import ArrawRightImg from '@/assets/images/right.svg'
import './index.less'

export default function TaskListItem() {


  return (
    <View className='taskItem'>
      <View className='status'>
        <View className='circle'>
          <Text>水</Text>
        </View>
        <Text>正在采样</Text>
      </View>
      <View className='divider' />
      <View className='description'>
        <View>
          <Text className='taskNo'>疾控水字[2024]148号</Text>
          <Progress percent={50} className='progress' strokeWidth='4' />
          <Space className='extra'>
            <Text>2024年12月16日</Text>
            <Text>李施斯</Text>
          </Space>
        </View>
        <View className='arrow'>
          <Image src={ArrawRightImg} />
        </View>
      </View>
    </View>
  )
}
